<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>attr 和 listeners</title>
</head>

<body>
  <div>
    <p>$attrs 和 $listeners (开发自定义组件需要用到的两个属性)</p>
    <p>$attrs 把父组件中非prop属性绑定到内部组件</p>
    <p>$listeners 把父组件中的DOM对象的原生事件绑定到内部组件</p>
    <p>1.从父组件传给自定义子组件的属性，如果没有 prop 接收，会自动设置到子组件内部的最外层标签上，如果是 class 和 style 的话，
      会合并最外层标签的 class 和 style</p>
    <p>2.如果子组件中不想继承父组件的非 prop 属性，可以使用 inheritAttrs 禁用继承，然后通过v-bind='$attrs' 把外部传入的非 prop
      属性设置给希望的标签上，但这不会改变 class 和 style</p>
    <p></p>
    <p></p>
  </div>
  <script>
  </script>
</body>

</html>